import React from "react";
import { View } from "@tarojs/components";
import List from "@/components/List";
import DemoADPng from "../../imgs/demo-ad.png";
import Taro from "@tarojs/taro";

import "./index.less";

const MOCK_LIST = [
  // {
  //   id: "111",
  //   type: "ad",
  //   img: DemoADPng,
  // },
  // {
  //   id: "1112",
  //   type: "good",
  //   title: "测试商品测试商品测试商品测试商品测试商品测试商品",
  //   desc: "测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍",
  //   coinNum: 500,
  //   price: 1000,
  //   orgPrice: 1444,
  //   img: DemoADPng,
  // },
  // {
  //   id: "1113",
  //   type: "good",
  //   title: "测试商品测试商品测试商品测试商品测试商品测试商品",
  //   desc: "测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍",
  //   coinNum: 500,
  //   price: 1000,
  //   orgPrice: 1444,
  //   img: DemoADPng,
  // },
  // {
  //   id: "1114",
  //   type: "good",
  //   title: "测试商品测试商品测试商品测试商品测试商品测试商品",
  //   desc: "测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍",
  //   coinNum: 500,
  //   price: 1000,
  //   orgPrice: 1444,
  //   img: DemoADPng,
  // },
  // {
  //   id: "1115",
  //   type: "good",
  //   title: "测试商品测试商品测试商品测试商品测试商品测试商品",
  //   desc: "测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍测试商品介绍",
  //   coinNum: 500,
  //   price: 1000,
  //   orgPrice: 1444,
  //   img: DemoADPng,
  // },
];

const Prime = () => {
  return (
    <View
      id="prime-list"
      className="prime-list"
      onTouchMove={(e) => {
        Taro.createSelectorQuery()
          .select("#index-page")
          .boundingClientRect((rect) => {
            console.log(rect);
          })
          .exec();
      }}
    >
      <List
        dataSource={MOCK_LIST}
        onItemClick={(data) => {
          console.log(data);
        }}
      />
    </View>
  );
};

export default Prime;
